Conversation
|
🍅 Не пройден линтинг или базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
🍏 Пройден линтинг и базовые тесты |
|
Непонятки с кнопками:
|
|
При изменении ширины экрана нет адаптивности, пользователи с узким экраном расстроятся |
|
При клике на фотографию:
У тебя квадрат, причем где-то слева внизу - очень неудобное место. Давай сделаем согласно макету |
|
|
| <div class="card"> | ||
| <div class="image-wrapper"> | ||
| <label for="img-01" class="fullscreen-label"> | ||
| <img title="Tomate" alt="Tomate" src="./img/01.png"> |
| <div class="fullscreen-wrapper"> | ||
| <img title="Aubergine" alt="Aubergine" src="./img/05.png"> | ||
| <input id="close-img-05" class="close-input" type="radio" name="fullscreen-input-5"> | ||
| <label for="close-img-05" class="close-label"></label> |
|
|
||
| .group-label-1:before | ||
| { | ||
| content: '\e900'; |
| <link rel="stylesheet" type="text/css" href="index.css"> | ||
| </head> | ||
| <body> | ||
| <h1 class="head">Бабуленькин урожай</h1> |
There was a problem hiding this comment.
давай назовем класс по-другому, а то совпадает с тегом
|
вот как выглядят переключатели в Firefox |
|
|
||
| .group-label | ||
| { | ||
| font-family: 'Kurale-Regular', serif; |
There was a problem hiding this comment.
это очень странно, по сути ты применяешь оформление к label, которые не являются текстом
|
И еще не поняла, зачем тебе картинки в формате |
|
А вообще мне понравились картинки, довольно забавно) |
|
🍅 |
3 participants
Посмотреть решение